<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<div class="schedulerContent">
    <input id="recuringTime" type="hidden" name="recuringTime" value="" />
    <input id="scheduleDateParam" name="scheduleDate" type="hidden" name="recuringTime" value="<fmt:formatDate value="${SCHEDULER_START_DATE}" pattern="MM/dd/yyyy HH:mm"/>" />
	<div class="schedulerLabel"><span class="label">Schedule</span></div>

	<div class="schedulerLabel" style="display:none"><span class="label">Recurring</span></div>
	<div class="scheduleRecurringContent">
        <div class="recuringAll">
            <div class="recuringLeft"><span class="label">Frequency</span>
                <select id="frequency" name="frequency">
                    <option value="OneTime">One Time</option>
                    <option value="Daily">Daily</option>
                    <option value="Weekly">Weekly</option>
                    <option value="Monthly">Monthly</option>
                </select>
            </div>
            <div class="recuringRight">
                <div class="time" id="time">
                    <span style="float:left">
                        <span class="label">Run Date/Time</span>
                        <input id="scheduleDate" data-date="<fmt:formatDate value="${SCHEDULER_START_DATE}" pattern="MM/dd/yyyy"/>" data-military="<fmt:formatDate value="${SCHEDULER_START_DATE}" pattern="HH:mm"/>" value="<fmt:formatDate value="${SCHEDULER_START_DATE}" pattern="MM/dd/yyyy hh:mm a"/>" type="text" /><img class="datepickerBtnImg" src="/reporting-web/images/datepicker_button.png" onclick="document.getElementById('scheduleDate').focus();" />
                    </span>
                    <span style="float:left">
                        <span class="label">Time</span>
                        <input id="scheduleTime" value="" type="text" /><img class="datepickerBtnImg" src="/reporting-web/images/picker_button.png" onclick="document.getElementById('scheduleTime').focus();" />
                    </span>
                </div>
                <div id="recuringDaily"><span class="label">Every</span><span><input id="recuringDaysCountDaily" class="recuringDaysCount" name="recuringDaysCountDaily" type="text" value='1' /></span><span class="label">day(s)</span></div>
                <div id="recuringWeekly">
                    <div><span class="label">Every</span><span><input id="recuringDaysCountWeekly" class="recuringDaysCount" name="recuringDaysCountWeekly" type="text" value='1' /></span><span class="label">week(s) on:</span></div>
                    <div>
                        <div class="weeksRow">
                            <div data-numb="1" class="weeksCol">Su</div>
                            <div data-numb="2" class="weeksCol">Mo</div>
                            <div data-numb="3" class="weeksCol">Tu</div>
                            <div data-numb="4" class="weeksCol">We</div>
                            <div data-numb="5" class="weeksCol">Th</div>
                            <div data-numb="6" class="weeksCol">Fr</div>
                            <div data-numb="7" class="weeksCol">Sa</div>
                        </div>
                    </div>
                </div>
                <div id="recuringMonthly">
                    <div><span class="label">Every</span><span><input id="recuringDaysCountMonthly" class="recuringDaysCount" name="recuringDaysCountMonthly" type="text" value='1' /></span><span class="label">month(s)</span></div>
                    <div style="left:-65px; overflow:hidden; position:relative; width:340px;">
                        <div class="recuringMonthlyEach">
                            <div class="recuringMonthlyEachHeader"><input id="monthlyGroupEach" type="radio" name="monthlyGroup" value="Each" checked/><span class="label"><label for="monthlyGroupEach">Each</label></span></div>
                            <div class="recuringMonthlyEachCalendar">
                                <div class="calendarMask"></div>
                                <table class="monthlyCalendar">
                                    <tr>
                                        <td data-numb="1">1</td><td data-numb="2">2</td><td data-numb="3">3</td><td data-numb="4">4</td><td data-numb="5">5</td><td data-numb="6">6</td><td data-numb="7">7</td>
                                    </tr>
                                    <tr>
                                        <td data-numb="8">8</td><td data-numb="9">9</td><td data-numb="10">10</td><td data-numb="11">11</td><td data-numb="12">12</td><td data-numb="13">13</td><td data-numb="14">14</td>
                                    </tr>
                                    <tr>
                                        <td data-numb="15">15</td><td data-numb="16">16</td><td data-numb="17">17</td><td data-numb="18">18</td><td data-numb="19">19</td><td data-numb="20">20</td><td data-numb="21">21</td>
                                    </tr>
                                    <tr>
                                        <td data-numb="22">22</td><td data-numb="23">23</td><td data-numb="24">24</td><td data-numb="25">25</td><td data-numb="26">26</td><td data-numb="27">27</td><td data-numb="28">28</td>
                                    </tr>
                                    <tr>
                                        <td data-numb="29">29</td><td data-numb="30">30</td><td data-numb="31">31</td><td class="monthlyCalendarLastCell" colspan="4"></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="schedulerFooter" class="footerText">Next run will be on <span class="schedulerDateFooter"></span> at <span class="schedulerTimeFooter"></span></div>
	</div>
	<div class="schedulerLabel"><span class="label">Recipients</span></div>
	<div class="scheduleRecipientsContent">
        <textarea  rows="4" id="recipients" data-useremail="<c:out value="${LOGGED_USER_EMAIL}"/>" name="recipients"><c:out value="${SCHEDULER_EMAIL}"/></textarea>
	</div>
</div>
<div class="right">
    <div class="schedulerDescLabel"><span class="label">Schedule Description</span></div>
    <div class="schedulerDesc ui-corner-all">Schedules a report to run at a future date and time.  Reports can be scheduled to run only one time or scheduled to recur on a daily, weekly or monthly basis.</div>
</div>